<div class="modal fade" id="sharingSetting" tabindex="-1" role="dialog"
	aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="col-xs-12 col-sm-12 col-md-12">
			<div class="panel panel-primary">
				<div class="panel-heading">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span><span class="sr-only">
						</span>
					</button>
					<h3 class="panel-title">Sharing setting</h3>
				</div>
				<div class="panel-body">
					<input type="hidden" id="documentValue" value="">
					<div class="col-md-4">
						<p>Who can see it?</p>
					</div>
					<div class="col-md-8">
						<p style="word-wrap: break-word;">
							<label for="anyone" style="font-weight: normal;"><input type="radio" name="participant" value="2011" id="anyone" checked>  Anyone has this link</label>
						</p>
						<p style="word-wrap: break-word;">
							<label for="peoplePwd" style="font-weight: normal;"><input type="radio" name="participant" value="2012" id="peoplePwd">  Only people with password</label>
							<input type="text" class="form-control hidden" value="xxx" id="passwordVisibility">
						</p>
						<p style="word-wrap: break-word;">
							<label for="onlyYou" style="font-weight: normal;"><input type="radio" name="participant" value="2012" id="onlyYou">  Only you</label>
						</p>
					</div>
				</div>
				<div class="panel-footer">
					<div style="float: right">
						<a href="" data-dismiss="modal" class="btn" onclick="showModalShare(document.getElementById('documentValue').value)">Cancel</a>
						<button class="btn btn-primary" onclick="alert('hehe')">Save</button>
					</div>
					<div class="clear"></div>
				</div>
			</div>
		</div>
	</div>
</div>